<template>
    <div class="better_scroll wrapper" ref="wrapper">
        <div class="content">
            <slot/>
        </div>
    </div>
</template>
<script>
import BScroll from 'better-scroll'
export default {
   
    data(){
        return {

        }
    },
    mounted(){
        this.$nextTick(function(){
            this.foodScroll = new BScroll(this.$refs.wrapper,{
                probeType: 3,
                click: true,
            });
        })
    },
}
</script>

<style lang="scss" scoped>
.wrapper{
    position: fixed;
    left: 0;
    top: $topNavHeight;
    bottom: $bottomNavHeight;
    width: 100%;
    overflow:hidden;
    background: $mainbgColor
}
</style>
